//sass常用混合器(应该合理使用)
// 弹性布局混合器
@mixin flexMixer($justify:center,$align:center,$flex:row) {
 // 申明为弹性盒子
 display: flex;
 // 排列方式
 flex-direction: $flex;
 // 主（副）轴的对齐方式
 justify-content:$justify;
 // 主（副）轴的对齐方式
 align-items: $align;
}
// 定位混合器
@mixin positionMixer($position:static,$left:auto,$top:auto,$right:auto,$bottom:auto) {
 position: $position;
 left: $left;
 top: $top;
 right: $right;
 bottom: $bottom;
}
// 浮动混合器
@mixin floatMixer($float:left) {
 float:$float;
}
// 设置背景混合器
@mixin bgMixer($url,$position:center center,$size:100% 100%,$repeat:no-repeat) {
 background: $url $repeat $position;
 background-size: $size;
}
// 外边大盒子边框混合器
@mixin outboxBorder($width, $height) {
  width: $width;
  height: $height;
  background: #010A27;
  border: 1px solid #064259;
  box-shadow: 0 0 15px 5px rgba(33, 159, 240, 0.16) inset;
}
// 第二层盒子边框混合器
@mixin innerboxBorder($width, $height){
  width: $width;
  height: $height;
  background: $boxBgColor;
  margin: 0 auto;
}
// 内层盒子边框混合器
@mixin smallboxBorder($width, $height) {
  width: $width;
  height: $height;
  background: rgba(8, 15, 61, 0.72);
  border-radius: 5px;
  border: 1px solid #080f3d;
  box-shadow: 0 0 15px 5.9px rgba(69, 186, 255, 0.63) inset;
}